#baiyang{

 width: 100%;
    min-width:1230px;
    #top{
        width: 100%;
        background:#FAFAFA;
        .top_l{
            height: 30px;
            .wel{
                height: 30px;
                line-height: 30px;
                font-size:14px;
                a{color:#000;padding:0 2px}
            }   //wel
        }   //top_l
        .top_r{height: 30px;
            .top_r_list{
                height: 30px;
                li{z-index:999;}
                .list0{
                    position:relative;
                    float:left;
                    margin-left:18px;
                    font-size:14px;
                    line-height: 30px;
                    color:#777777;
                    .font{display:inline-block;margin-left:5px;color:#777777;font-weight:normal;}
                    .li-list{
                        z-index:999;
                        position:position;
                         dl{
                        display:none;
                        
                        dt{height: 30px;line-height: 30px;text-align:center;cursor:pointer;z-index:999;&:hover{background:#FAFAFA;}}
                        a{color:#777;text-decoration:none;}
                    }   //dl
                    }
                   
                    

               &:hover{box-shadow:0 0 1px 0;background:#fff;}
               &:hover dl{display:block;}
               &:hover .font{transform:rotate(180deg);transition-duration:1s;}

               }    //list0
            }   //top_r_list


        }   //top_r
    }   //top



    #footer{
            width: 100%;
            margin-top:35px;
            height: 250px;
            border-bottom:1px solid #ccc;
            .footer-l{
                width:260px;
                h1{ 
                    width: 220px;
                    height: 60px;
                    background:url(../img/logo.png)no-repeat;
                    text-indent:-10000px;}
                    .gz{margin-top:20px;margin-left:20px;
                        span{font-size:16px;margin-right:10px;}
                        a{margin-right:10px;}
                        .wb {
                            margin-top:10px;
                            img{width:100px;height:100px;}
                        }
                        
                    }
            }


             .footer-r{
                margin-top:30px;
                width: 260px;
                height: 150px;
                .app{margin-left:20px;}
                .tp{
                    width:120px;
                    height:120px;
                    line-height: 110px;
                    text-align:center;
                    border:1px solid #ccc;
                }
                
                    .wz{
                    width:120px;
                    text-align:center;
                    font-size:14px;
                }
            }
        }
        #end{
            margin-top:25px;
            height: 150px;
            .end1{
                text-align:center;
                a{display:inline-block;padding:0 10px;height: 16px;line-height: 16px;font-size:16px;color:#000;text-decoration:none;}
                .end11{border-right:2px solid #666;}
            }
            .end2{text-align:center;height: 40px;line-height: 40px;}
            .end3{text-align:center;margin-bottom:50px;}
        }
        //footer
        .container {  /*内容、版心 提取 */
        width: 1230px;
        margin:0 auto;
    }   //container
    a:hover{text-decoration:none;}


    #header{
        width: 100%;
        height:100px;
        line-height: 100px;
        border-bottom:1px solid #ccc;
        .header-l h1{
            width: 220px;
            background:url(../img/logo.png)no-repeat;
            text-indent:-10000px;
            height: 60px;
            margin:20px 0;

        }//h1
        .lc{
            font-size: 0;
            word-spacing: -1em;
            width: 640px;
            height: 70px;
            margin: 15px 0;
            li{
            font-size: 12px;
            vertical-align: top;
            letter-spacing: normal;
            word-spacing: normal;
            display: inline-block;
            width: 25%;
            height: 70px;
            position: relative;
            z-index: 1;
            i{
            font-size:30px;
            color:#ccc;
            margin-left: -15px;
            position: absolute;
            text-align:center;
            z-index: 2;
            top: 0;
            left: 50%;
            }
            p{
            text-align: center;
            line-height: 24px;
            width: 100%;
            height: 24px;
            position: absolute;
            z-index: 2;
            left: 0;
            bottom: 0;
            overflow: hidden;
            }
            sub{
            background-color: #FFF;
            width: 5px;
            height: 5px;
            margin-left: -3px;
            border: solid 1px #CCC;
            border-radius: 4px;
            position: absolute;
            z-index: 2;
            top: 32px;
            left: 50%;
            }
            .hr{
            background-color: #DDD;
            width: 100%;
            height: 1px;
            border: none 0;
            position: absolute;
            z-index: 1;
            top: 34px;
            left: 0;
            }
            }
            .current{
                color:#EF3C79; 
                i{
                   color:#EF3C79; 
                }
                p{
                    color:#EF3C79; 
                }
            }
        }

    }







        .mycart{
            height: 80px;
            border-bottom:1px solid #ccc;
            p{
                color:#AAAAAA;
                font-size:14px;
            }
        }






        








































































}